<template>
  <!--主页面  -->
  <div class="app">
    <!-- 页面顶部 -->
    <app-head></app-head>

    <el-container>
      <!-- 页面列表 -->
      <app-list></app-list>
      <!-- 内容 -->
      <app-con></app-con>
    </el-container>
  </div>
</template>

<script>
import appHead from "@/components/appHead.vue";
import appList from "@/components/appList.vue";
import appCon from "@/components/appCon.vue";
export default {
  data() {
    return {};
  },
  created() {},
  watch: {},
  methods: {},
  components: { appHead, appList, appCon }
};
</script>

<style lang="scss">
html,
body,.app,.el-container{
  height: 100%;
}

body > .el-container {
  margin-bottom: 40px;
}
</style>
